import { StyleSheet } from "react-native";

const currencyStyles = StyleSheet.create({
  bgtCoinContain: {
    position: "relative",
    overflow: "hidden",
    paddingTop: 10,
    paddingLeft: 25,
    paddingRight: 25
  },
  coinItem: {
    position: "relative",
    width: "100%",
    height: 45,
    backgroundColor: "#fff",
    paddingLeft: 75,
    flexDirection: "row"
  },
  coinText: {
    textAlign: "left",
    lineHeight: 45,
    fontSize: 16,
    height: 45
  },
  coinSpan: {
    position: "absolute",
    width: 10,
    height: 10,
    backgroundColor: "#f2f2f2",
    top: "50%",
    left: 33,
    marginTop: -5,
    overflow: "hidden",
    borderRadius: 5
  },
  coinTip: {
    fontSize: 14,
    color: "#b4b4b4",
    marginTop: 25,
    textAlign: "left"
  },
  coinConfirm: {
    width: "100%",
    height: 45,
    textAlign: "center",
    lineHeight: 45,
    borderRadius: 8,
    overflow: "hidden",
    marginTop: 5,
    backgroundColor: "#44a7d5",
    fontSize: 16,
    color: "#fff"
  }
});

export default currencyStyles;
